<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/6/14 0014
  Time: 下午 9:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="gb2312" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <title>民族</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="css/app.css" />
    <link rel="stylesheet" type="text/css" href="css/homeStay.css">
</head>
<body>
<div id="not_nav">
    <div id="top">
        <img src="img/homestay_top.png" width="100%">
        <div id="top_photo">
            <span id="logo" class="glyphicon glyphicon-map-marker"></span>
            <span id="logo_text">${folkList[0].folkArea}</span>
        </div>
    </div>

    <div id="middle">
        <b id="liuli">${folkList[0].folkName}</b>
        <div id="wujiaoxing">
            <i class="glyphicon glyphicon-star"></i>
            <i class="glyphicon glyphicon-star"></i>
            <i class="glyphicon glyphicon-star"></i>
            <i class="glyphicon glyphicon-star"></i>
            <i class="glyphicon glyphicon-star"></i>
        </div>
        <div id="logo_middle">
            <div class="logo_middle_padding">
                <img src="img/real_beat.png" />
                <b>实拍</b>
            </div>
            <div class="logo_middle_padding">
                <img src="img/fast.png" />
                <b>速定</b>
            </div>
            <div class="logo_middle_padding">
                <img src="img/credit_guarantee.png" />
                <b>信用保障</b>
            </div>
            <div class="logo_middle_padding">
                <img src="img/permanent_concession.png" />
                <b>常住优惠</b>
            </div>
        </div>
        <b id="middle_bottom">城市郊区精品乡村花园亲子民宿</b>
    </div>

    <div id="middle_two">
        <table>
            <tr>
                <td><img src="img/room.png" /></td>
                <td><img src="img/people.png" /></td>
                <td><img src="img/more_img.png" /></td>
            </tr>
            <tr>
                <td>${folkList[0].folkType}</td>
                <td>宜住${folkList[0].folkPeople}</td>
                <td>更多图片</td>
            </tr>
        </table>
    </div>

    <div id="bottom_one">
        <div id="bottom_one_head">
            <img src="img/03.jpg" class="img-circle" width="95px" height="100px" />
            <div id="bottom_one_middle">
                <img src="img/gold_medal.png" />
                <span>${folkList[0].username}</span>
            </div>
            <span id="bottom_one_brief">${folkList[0].folkIntroduce}</span>
        </div>
    </div>

    <div id="bottom_two">
        <div id="bottom_two_head">
            <span>房客评价</span>
            <div id="bottom_two_middle">
                <img src="img/homestay_headphoto.png">
                <span>爱生活，爱旅行，爱琉璃小院</span>
            </div>
        </div>
    </div>
</div>

<!-- 顶部返回 -->
<div id="return">
    <div id="return_layout">
        <a href="/index"><span class="glyphicon glyphicon-chevron-left"></span></a>
        <a href="/index">返回</a>
    </div>
</div>

<div id="nav">
    <div id="nav_chat">
        <span id="nav_layout" class="glyphicon glyphicon-comment"></span>
        <span>在线聊天</span>
    </div>
    <div id="nav_book">
        <span id="nav_layout1" class="glyphicon glyphicon-hand-right"></span>
        <span>立即预订</span>
    </div>
</div>
</body>
</html>